.sport {
  @apply relative;

  .notVip {
    @apply w-full h-full absolute left-0 top-0 z-4 flex items-center justify-center flex-col;
    background-size: 100% 100%;
    background-image: url('/images/sport-bg.webp');

    .getVipText {
      @apply text-center w-full whitespace-nowrap font-bold leading-8;
      font-size: 2rem;
      font-family: Alibaba PuHuiTi 2;
      font-variation-settings: 'opsz' auto;
      background: linear-gradient(90deg, #ffbd8d 0%, #ffe5d8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }

    .getVipImg {
      @apply w-auto object-contain mb-10;
      height: 6.25rem;
    }

    .getVip {
      @apply my-10;
      font-size: 1.375rem;
      font-feature-settings: 'kern' on;
      /* 会员深色 */
      color: #7c3c19;
      width: 25rem;
      height: 3.75rem;
      background: linear-gradient(90deg, #ffbd8d 0%, #ffe5d8 100%);

      &.getLogin {
        @apply text-white;
        background: linear-gradient(90deg, #ffb521 0%, #ff651d 100%);
        width: 17.9375rem;
      }

      span {
        @apply font-semibold;
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .sport {
    .notVip {
      .getVipText {
        @apply text-lg;
      }

      button.getVip {
        @apply text-base my-6;
        width: 10rem !important;
        height: 2rem !important;
      }
    }
  }
}
